//banner动效

var  sliderContent = document.getElementById('slider-content');
var  sliderContentLi = sliderContent.getElementsByTagName('li');

var  sliderNav = document.getElementById('slider-nav');
var  sliderNavLi = sliderNav.getElementsByTagName('li');
var x = 0;

window.onload =function(){
    window.setInterval(function(){change()}, 5000);


    for(var i = 0; i < sliderNavLi.length; i++){
        sliderNavLi[i].index = i;
        sliderNavLi[i].onmouseover = function(){

            for(var i = 0; i <sliderNavLi.length; i++){
                /*sliderNavLi[i].className = '';*/
                sliderNavLi[i].removeAttribute("class") ;
            }
            /* this.className = 'on';*/
            this.setAttribute("class","on");

            for(var i = 0; i < sliderContentLi.length; i++){
                sliderContentLi[i].style.display = 'none';
            }
            sliderContentLi[this.index].style.display = 'block';
        }
    }
    function change(){
        if(x == sliderNavLi.length){
            x=0;
        }

        sliderNavLi[x].index = x;


        for(var j = 0; j <sliderNavLi.length; j++){
            sliderNavLi[j].className = '';
        }
        sliderNavLi[x].className = 'on';


        for(var k = 0; k < sliderContentLi.length; k++){
            sliderContentLi[k].style.display = 'none';
        }
        sliderContentLi[sliderNavLi[x].index].style.display = 'block';
        x++;
    }
};

//跳转到登录界面
$(".indexlogin").on('click',function () {
    $(".indexlogin").attr('href',"http://localhost:8080/tologin");
});

//跳转到注册界面
$(".indexsignup").on('click',function () {
    $(".indexsignup").attr('href',"http://localhost:8080/signup");
});